/*= CORE CSS */

.hidden { display:none; }



.eventCalendar-wrap { 

	position:relative; 

	overflow:hidden;

}

.eventCalendar-wrap .arrow { 

	position:absolute; 

	z-index:5; 

	top:3px;

}

	.eventCalendar-wrap .prev {

		left:3px;

	}

	.eventCalendar-wrap .next {

		right:3px;

	}

	

.eventsCalendar-currentTitle .monthTitle {

	display:block;

	text-align:center;

}

	.eventsCalendar-monthWrap {

		position:absolute;

		top:0; left:0;

		z-index:2;

	}

		.eventsCalendar-monthWrap.currentMonth { 

			z-index:1;

		}	

.eventsCalendar-daysList { 

	display:table;

	width:100%;

}

	.eventsCalendar-daysList.showAsWeek {

		display:block;

	}

	

	.eventsCalendar-daysList li {

		display:table-cell;

	}

		.eventsCalendar-daysList li.dayWithEvents {

			background:rgba(0,0,0,0.15);

		} 

		.eventsCalendar-daysList li.undayWithEvents {

			background-color:#666666;

		} 
		
		.eventsCalendar-daysList li.dayWithLocumEvents {

			background-color:green;

		} 
		
		.eventsCalendar-daysList li.current {



		} 

		.eventsCalendar-daysList.showAsWeek li {

			display:block;

			float:left;

			width:14.28%;

			height:20px;

		}

	.eventsCalendar-daysList li a {

		padding:0;

		display:block;

		text-align:center;

		font-size:8px;

		min-width:7px;

	}

.eventsCalendar-loading {

	display:block;

	min-width:100px;

	height:40px;

	line-height:40px;

}	

.eventsCalendar-list {

	position:relative;

	z-index:1;

	

}	

	.eventsCalendar-list.oldEventList {

		z-index:2;

	}

	.eventsCalendar-subtitle {

		padding-left:5px;

		font-weight:bold;

		font-size:120%;

	}

/* end of core CSS */	

.row .g4 {

    width: 280px;

}



 /* Theme CSS */

 html {

	background-color:#eee;

 }

 body {

	font-family: Arial, "Lucida Grande", sans-serif; 

	font-size: 13px; 

	line-height: 18px; 

	color: #555; 

	background-color:#fff;

 }

.eventCalendar-wrap {

	border:solid 1px #d3d3d3;

	box-shadow:0 0 15px #999;

	border-radius:5px;

	margin-bottom:20px;

	background-color:#fff;

	color:#807E7E;

}

	.eventCalendar-wrap .arrow {

		text-decoration:none;

		color:#fff;

		padding:0 5px;

		line-height:28px;

		top:9px;

		padding:8px 10px;

	}

		.eventCalendar-wrap .arrow.prev {



		}

		.eventCalendar-wrap .arrow:hover { opacity:0.7;}

		.eventCalendar-wrap .arrow span {

			height: 0;

			width: 0;

			font-size: 0;

			line-height: 0;

			border-top: 6px solid transparent;

			border-bottom: 6px solid transparent;

			border-left: 6px solid #fff;

			float:left;

			text-indent:-5000px;

		}

			.eventCalendar-wrap .arrow.prev span {

				border-left-width:0;

				border-right: 6px solid #fff;

			}

	.eventsCalendar-slider { height:80px;}

	

	.eventsCalendar-monthWrap {

		border-radius:5px;

		top:10px;

		left:0px;

	}

		.eventsCalendar-currentTitle {

			line-height:25px;

			background-color:#00adee;

			outline:1px solid #00adee;

			border:1px solid #E3E3E3;

			border-width:1px 0;

		}

			.eventsCalendar-currentTitle .monthTitle {

				font-size:110%;

				text-decoration:none;

				font-weight:bold;

				color:#fff;

			}

			

		.eventsCalendar-daysList {

			zoom: 1;

			padding:0;

			width:100%;

			

		}

			.eventsCalendar-daysList.showAsWeek {

				margin:10px 5px;

				width:auto;

				

								border:solid 1px #BCBCBC;

				border-bottom-width:0;

				border-radius:0;

				background-color:#CCCCCC;

				background-image: linear-gradient(top, #EEEEEE 42%, #CCCCCC 71%);

				background-image: -o-linear-gradient(top, #EEEEEE 42%, #CCCCCC 71%);

				background-image: -moz-linear-gradient(top, #EEEEEE 42%, #CCCCCC 71%);

				background-image: -webkit-linear-gradient(top, #EEEEEE 42%, #CCCCCC 71%);

				background-image: -ms-linear-gradient(top, #EEEEEE 42%, #CCCCCC 71%);



				background-image: -webkit-gradient(

					linear,

					left top,

					left bottom,

					color-stop(0.42, #EEEEEE),

					color-stop(0.71, #CCCCCC)

				);



			}

			.eventsCalendar-daysList.showDayNames.showAsWeek {

				

				border-radius:5px 5px 0 0;

			}

			.eventsCalendar-daysList:before, .eventsCalendar-daysList:after { content:""; display:table; }

			.eventsCalendar-daysList:after { clear: both; }

			.eventsCalendar-day-header { 

				text-transform:lowercase; 

				text-align:center; 

				font-size:10px;

				border-bottom:solid 1px #BCBCBC;

			}

			.eventsCalendar-daysList.showAsWeek li {

				height:auto; margin:0;

			}

				.eventsCalendar-daysList.showAsWeek li.empty {

					background-color: #ccc;

					min-height:29px;

				}

			.eventsCalendar-day a {

				text-decoration:none;

				font-size:10px;	

				color:#424242;				

			}

			.eventsCalendar-day {

				border-left:solid 1px #BCBCBC;

			}

			.eventsCalendar-day a  {

				border:solid 1px #BCBCBC;

				border-width:0 1px 1px 0;

			}

			.showAsWeek .eventsCalendar-day { border-left-width:0;}

			.showAsWeek .eventsCalendar-day a  {

				border:solid 1px red;

				border-color:#fff #BCBCBC #BCBCBC #eee;

				line-height:27px;

				font-size:11px;

				

			}

				.eventsCalendar-day a:hover {

					background-color:#E4E4E4;


				}

			.eventsCalendar-daysList li.dayWithEvents a {

				background:#00adee;


				color:#fff;

			} 

				li.eventsCalendar-day.dayWithEvents a:hover {

					background-color:#666;

				}

			.eventsCalendar-daysList li.current a {

				color:#fff;

				background:#666;

				box-shadow: none;

				text-shadow: none;

			} 

				li.eventsCalendar-day.current a:hover {

					background-color:#999;

				}

		.eventsCalendar-loading {

			border-radius:4px;

			margin:5px auto;

			padding:0 10px;

			background-color:#ccc;

			color:#fff;

			text-align:center;

			font-weight:bold;

			box-shadow:0 0 10px #ccc;

			text-shadow:0 0 3px #aaa;

			position:absolute;

			z-index:4;

			top:25px;

			left:5px;

		}	

			.eventsCalendar-loading.error {

				background-color:red;

			}

			

.eventsCalendar-subtitle { padding-top:10px;}

.eventsCalendar-list-wrap {

	height:10px;

	position:relative;

}

	.eventsCalendar-list-content.scrollable {

		

		height:100px;

		overflow-y:auto;

		margin:0 5px 5px 0;

	}

	.eventsCalendar-list {

		margin:0; padding:0; list-style-type:none;

	}

	.eventsCalendar-list li {

		padding:0 5px 15px;

		margin:0;

		clear:both;

	}

		.eventsCalendar-list li time {

			font-size:10px;

			line-height:13px;

		}

		.eventsCalendar-list li time em {

			float:left;

			font-style:normal;

		}

		.eventsCalendar-list li time small {

			font-size:10px;

			float:left;

			background-color:#807E7E;

			color:#fff;

			padding:0 5px 0 4px;

			margin:0 0 0 3px;

		}

		.eventsCalendar-list li .eventTitle {

			display:block;

			clear:both;

			color:#0E8EAB;

			font-weight:bold;

			text-decoration:none;

		}

			.eventsCalendar-list li .eventTitle:hover { text-decoration:underline;}

		.eventsCalendar-list li .eventDesc {

			clear: both;

			margin:0 0 5px 0;

			font-size:80%;

			line-height:1.2em;

			

		}

		.eventsCalendar-list .eventsCalendar-noEvents {

			font-size:120%;

			border-radius:4px;

			margin:5px;

			padding:5px;

			

			background-color:#ccc;

			color:#fff;

			text-align:center;

			font-weight:bold;

			box-shadow:0 0 10px #ccc;

			text-shadow:0 0 3px #aaa;

		}



.bt {

	font-size:12px;

	display:block;

	clear:both;

	text-align: center;

	margin-top:10px;

	padding: 9px 34px 11px;

	text-decoration: none;

	font-weight: bold;

	line-height: 1;

	

	color: #ffffff;

	background-color: #698B10;

	background-repeat: repeat-x;

	

	background-image: -khtml-gradient(linear, left top, left bottom, from(#00adee), to(#698B10));

	background-image: -moz-linear-gradient(top, #00adee, #698B10);

	background-image: -ms-linear-gradient(top, #00adee, #698B10);

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00adee), color-stop(100%, #698B10));

	background-image: -webkit-linear-gradient(top, #00adee, #698B10);

	background-image: -o-linear-gradient(top, #00adee, #698B10);

	background-image: linear-gradient(top, #00adee, #698B10);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#698B10', GradientType=0);

	

	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

	

	border: 1px solid #698B10;

	border-color: #698B10 #698B10 #465F05;

	

	border-radius: 4px;

	

	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

	

	-webkit-transition: 0.1s linear all;

	-moz-transition: 0.1s linear all;

	-ms-transition: 0.1s linear all;

	-o-transition: 0.1s linear all;

	transition: 0.1s linear all;

}		

.bt:hover {

	  background-position: 0 -15px;

	  text-decoration: none;

	}

/* end of theme css */	





/*= ONLY FOR DEMO PAGE */

body {

/* 

	width:978px;

	box-shadow:0 0 10px #777; 

	padding: 20px 40px; 

	margin:0 auto;

	*/

}

a { color: #0E8EAB}

/*

.eventCalendar-wrap {

	width:265px;

}

*/

.features li { margin-bottom:3px;}

#thanksPanel li { margin-bottom:0;}

#introPanel { padding-top:20px;}



.poweredBy img {

	float:left;

	margin-right:3px;

}

	.poweredBy .data {

		float:left;

	}	

	.poweredBy .name {

		font-weight:bold;

		color:#555;

		text-decoration:none;

		display:block;

		margin-top:28px;

	}

	.poweredBy .twitter {

		text-decoration:none;

		display:block;

		float:left;

	}

.features {

	padding-left:20px;

	float:left;

}	

#appLogo {

	margin-right:30px;

}

pre {

	clear:both;

	background-color:#FFFFCC;

	padding:5px;

	border:solid 1px #FED17E;

	overflow:auto;

}

#license {

	width:300px;

	float:right;

	font-size:10px;

	line-height:12px;

	text-align:center;

}



.container{

	width:280px;

}



.container ul li{

	margin-left:0 !important;

}



#eventCalendarNoCache ul li{

    margin-left:0 !important;

}



.eventCalendar-wrap{

    width:220px !important;

}

/* end of demo page */



	